{% extends 'index.html' %}
{% block content %}
    <div class="breadcrumbs">
        <div class="breadcrumbs-inner">
            <div class="row m-0">
                <div class="col-sm-4">
                    <div class="page-header float-left">
                        <div class="page-title">
                            <h1>京乳时鲜 &emsp;&emsp;&emsp;车辆管理系统&emsp;&emsp;</h1>
                        </div>
                    </div>
                </div>
                <div class="col-sm-8">
                    <div class="page-header float-right">
                        <div class="page-title">
                            <ol class="breadcrumb text-right">
                                <li><a href="{% url 'index' %}">主页</a></li>
                                <li><a href="{% url 'truck_asset_manage' %}">车辆资产管理</a></li>
                                <li class="active" >维修车辆处理</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header">
                                <strong class="card-title">维修处理-车辆ID:{{ truck_id }}</strong>
                            </div>
                            <div class="card-body">
                                <!-- Credit Card -->
                                <div id="pay-invoice">
                                    <div class="card-body">
                                        <div class="card-title">
                                            <h3 class="text-center">报废处理单</h3>
                                        </div>
                                        <hr>
                                        <form action="#" method="post" novalidate="novalidate">
                                            {% csrf_token %}
                                            <div class="form-group">
                                                <label for="srap_to" class="control-label mb-1">报废去向</label>
                                                <select class="form-control" id="srap_to" name="srap_to">
                                                    <option value="报废处理厂">报废处理厂</option>
                                                    <option value="卡车回收企业">卡车回收企业</option>
                                                    <option value="公司博物馆">公司博物馆</option>
                                                </select>
                                            </div>
                                            <div class="form-group">
                                                    <label for="pro_date" class="control-label mb-1">处理日期</label>
                                                    <input id="pro_date" name="pro_date" type="date" class="form-control cc-exp" value="" data-val="true" data-val-required="Please enter the card expiration" data-val-cc-exp="Please enter a valid month and year" placeholder="MM / YY">
                                                    <span class="help-block" data-valmsg-for="cc-exp" data-valmsg-replace="true"></span>
                                            </div>
                                            <div class="form-group">
                                                <label for="pro_det" class="control-label mb-1">报废备注</label>
                                                <input id="pro_det" name="pro_det" type="text" class="form-control cc-number identified visa" value="" data-val="true" data-val-required="Please enter the card number" data-val-cc-number="Please enter a valid card number">
                                                <span class="help-block" data-valmsg-for="cc-number" data-valmsg-replace="true"></span>
                                            </div>
                                            <div>
                                                <button id="submit-button" type="submit" class="btn btn-lg btn-info btn-block">
                                                    <i class="fa fa-check-square fa-lg"></i>&nbsp;
                                                    <span id="payment-button-information">提交处理单</span>
                                                    <span id="payment-button-sending" style="display:none;">Sending…</span>
                                                </button>
                                            </div>
                                        </form>
                                    </div>
                                </div>

                            </div>
                        </div> <!-- .card -->

                    </div><!--/.col-->
    </div>


<script>
    jQuery(document).ready(function ($) {
        $("#trucks").addClass("active");
        $("#truck_asset_manange").addClass("active");
        $("#trucks_toggle").trigger("click");
    })

</script>
{% endblock %}